<template>
	<li class="parent-li">
		<n-descriptions
			label-placement="left"
			:title="props.item.stem"
			size="small"
			:column="1">
			<n-descriptions-item label="选项" v-if="props.item.type === '选择'" >
				<ol type="A">
					<li>{{props.item.optionA}}</li>
					<li>{{props.item.optionB}}</li>
					<li>{{props.item.optionC}}</li>
					<li>{{props.item.optionD}}</li>
				</ol>
			</n-descriptions-item>
			<n-descriptions-item label="答案" >
				{{props.item.answer}}
			</n-descriptions-item>
			<n-descriptions-item label="解析" >
				{{props.item.description}}
			</n-descriptions-item>
			<n-descriptions-item label="知识点" >
				{{props.item.point}}
			</n-descriptions-item>
		</n-descriptions>
	</li>
</template>

<script setup>
const props = defineProps({
	item: {
		type: Object,
		required: true
	}
})
</script>

<style scoped lang="scss">
li {
	margin-left: 30px;
}
.parent-li {
&::marker {
		font-size: 1.25rem;
		font-weight: 700;
	}
}
</style>